<!--
 * @Descripttion: 严肃声明：本系统已申请软件著作权，受国家版权局知识产权以及国家计算机软件著作权保护！ 违者使用者必究！ Copyright © 2017 - 2020 all rights reserved 版权所有，侵权必究！
 * @version: 2.0
 * @Author: 毅源泉科技 冯勤毅
 * @Date: 2021-03-23 17:22:44
-->
<template>
  <div class="container" >
    <a-skeleton />
      <a-skeleton />
      <a-skeleton />
  </div>
</template>

<script>
import api from "~/assets/js/api";
  export default {
    head() {
      return {
        title: "BCPNP/EEBC 技术移民"
      };
    },
    data() {
      return {
       }
    },
    computed: {

    },
    mounted() {
      
    },
    methods: {}
  };
</script>
<style lang="less">
 .ismobile{
      .bcpnp{
        .ant-form-item-label {
          padding: 15px 0;
          text-align:initial;
          label{
            padding-left: 15px;
          }
        }
        .bs{
          top: -15px;
          .ant-form-item {
           &.white{
          .ant-form-item-label{
            padding:10px 0 
          }
        }
        }
            .form-block{
        .ant-form-item-control{
         
          .ant-form-item-children{
           
            .ant-radio-group{
            
             .ant-radio-wrapper.f-b{
               border-bottom:none;
               line-height: 80px;
               align-items: baseline;
                span{
                 &:last-child{
                   flex: 1;
                   .f-m-width{
                     max-width: 120px;
                     margin-right:20px;
                     &:last-child{
                       margin-right: 0;
                     }
                   }
                 }
               }
             }
            }
          }
        }
      }
        }
        .ant-form-item-control{
          height: initial
        }
        .ant-form {
          .ant-radio-wrapper{
            margin-top: 20px;
          }
          label{
            font-size: 22px;
          }
        } 
      }
    }
  .bcpnp{
    .bs{
      position: relative;
      top: -30px;
      padding-bottom: 30px;
      .ant-form-item{
        &.submit{
          .ant-form-item-control{
            justify-content: center
          }
        }
        &.sysBColor{
          .ant-form-item-control-wrapper {
            display:flex;
            justify-content: center;
            background-color: #001E4F!important;
            width: 100%;
          }
        }
        .ant-form-item-control-wrapper {
          background-color: #fff;
        }
        &.white{
          .ant-form-item-label{
            white-space: normal;
            padding: 0 50px
          }
        }
        &.flex{
          .ant-checkbox-wrapper,
            .ant-radio-wrapper{
              display: flex;
              align-items: baseline;
              white-space: inherit;
            }
        }
      }
      .form-block{
        .ant-form-item-control{
          height: initial;
          line-height: normal;
          .ant-form-item-children{
            display: block;
            width: 100%;
            .ant-radio-group{
              display: inherit;
              line-height: 4
            }
          }
        }
      }
      .f-input{
        .ant-form-item-control{
          margin-right: 30px;
        }
        .ant-form-item-children{
          width: 100%;
          .f-m-width{
            max-width: 323px
          }
        }
      }
      .ant-form-item-control{
        display: flex
      }
    }
  .ant-form {
    .ant-checkbox-wrapper,
    .ant-radio-wrapper{
      display: inline-flex;
      align-items: center;
      margin-right: 40px;
      padding: 15px 0;
    }
    label{
      font-size: 22px;
      margin-left: 0;
    }
  } 
  .ant-form-item-label {
    display: block;
    background: #E7FBFF;
    color: #001E4F;
    text-align: center;
    label{
      color: inherit
    }
  }
  .ant-form-item-control{
    align-items: center;
    min-height: 105px;
    text-align: left;
    padding-left: 30px;
    .ant-select-selection--single,.ant-select-selection__rendered,.ant-select-selection__placeholder, .ant-select-search__field__placeholder {
      height: 60px;line-height: 60px;
      top: 0;
      font-size: 22px;
      margin-top: 0;
    }
    .ant-select-arrow{
      font-size: 25px;
      margin-top: -13px;
    }
    .ant-form-explain{
      margin-left: 10px;
    }
  }
  .ant-input{
    height: 60px;line-height: 60px;font-size: 22px;
  }
}
</style>
<style lang="stylus" scoped>
.container
   &.ismobile
    .bcpnp
      .ant-form-item
        display block
  .bcpnp
    background: linear-gradient(to bottom,rgba(149,214,242,0.2), rgba(255,255,255,0.2))
    .ant-form-item
      display flex
      align-items: center;
      margin-bottom 0
      height initial
      background-color: #E7FBFF
</style>